<?php
/**
 * Anuario Ornitológico de Albacete Online
 */

$aoaDescription = __('Anuario Ornitológico de Albacete Online');
?>
<!DOCTYPE html>
<html lang="es">
<head>
	<?php echo $this->Html->charset(); ?>
	<title>
		<?php echo $title_for_layout; ?>:
		<?php echo $aoaDescription ?>
	</title>
	<?php
	
		/* meta */
		echo "<meta name='viewport' content='width=device-width, initial-scale=1.0'>";
		
		echo $this->Html->meta('icon', '/aoa/app/webroot/favicon.ico');

		/* estilos */
		echo $this->Html->css(array('normalize', '/plugin/bootstrap/css/bootstrap.min', '/plugin/bootstrap/css/bootstrap-responsive.min', 'aoa-main'));
		
		/* scripts */
		echo $this->Html->script(array('jquery-1.10.1.min', '/plugin/bootstrap/js/bootstrap.min'));

		/* desde la vista */
		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
		echo $this->fetch('scriptBlock');
	?>
</head>
<body>

	<div class="navbar header">
		<div class="container-fluid">
			<button type="button" class="btn btn-navbar" data-toggle="collapse"
				data-target=".nav-collapse">
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span>
			</button>
			<a title="www.sao.albacete.org" href="http://www.sao.albacete.org/" target="_blank" class="pull-left" style="margin-right: 20px;">
					<?php echo $this->Html->image('/app/webroot/img/logo_sao_small.gif', array('alt' => 'Logotipo de la Sociedad Albacetense de Ornitología')); ?>
				</a>
			<h3 class="pull-left"><?php echo __("Anuario Ornitológico de Albacete Online")?></h3>
			<button id="btn_entrar" type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#popup_login"><?php echo __("Entrar")?></button>
			<div class="nav-collapse collapse">
				<ul class="nav nav-pills pull-right">
	              	<li <?php if(isset($is_pagina_inicio) && $is_pagina_inicio == TRUE){ echo 'class="active"';}?>><a href="/aoa/"><?php echo __("Inicio")?></a></li>
	              	<li <?php if(isset($is_pagina_el_anuario) && $is_pagina_el_anuario == TRUE){ echo 'class="active"';}?>><a href="/aoa/pages/elanuario"><?php echo __("El Anuario")?></a></li>
	              	<li <?php if(isset($is_pagina_la_sao) && $is_pagina_la_sao == TRUE){ echo 'class="active"';}?>><a href="/aoa/pages/lasao"><?php echo __("La SAO")?></a></li>
	              	<li <?php if(isset($is_pagina_contacto) && $is_pagina_contacto == TRUE){ echo 'class="active"';}?>><a href="/aoa/pages/contacto"><?php echo __("Contacto")?></a></li>
	            </ul>
			</div>
		</div>
	</div>

	<div id="container" class="container-fluid">
	
		<!-- Cabecera de inicio -->
		<?php echo $this->fetch('cabecera'); ?>
		
		<!-- Barra de navegación superior -->
		<?php echo $this->fetch('menu'); ?>

		<!-- Cuerpo central -->
		<div id="content" class="row-fluid">
		
			<!-- Columna izquierda -->
			<div id="content_left_column" class="span12">
			
				<?php echo $this->Session->flash(); ?>
				
				<?php echo $this->fetch('content'); ?>
				
			</div>
			<!-- Columna derecha -->
			<!-- <div id="content_right_column" class="span3">
				<fieldset>
					<legend>Últimas noticias</legend>
					
				</fieldset>
			</div>-->
		</div>
	</div>
	
	<!-- Pie de página -->
	<?php echo $this->fetch('pie'); ?>
	
	<!-- Pie de página -->
	<?php echo $this->fetch('popup_login'); ?>
	
</body>
</html>
